<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Aplicaciones Distribuidas - UADE</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/bootstrap.css" media="screen">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/bootswatch.min.css">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="../bower_components/bootstrap/assets/js/html5shiv.js"></script>
      <script src="../bower_components/bootstrap/assets/js/respond.min.js"></script>
    <![endif]-->
   
  </head>
  <body>
	<script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootswatch.js"></script>
    <script src="js/funciones.js"></script>
    <script type="text/javascript">
		$(document).ready(function() {
			//js inicial
		});
	</script>
	<!-- Barra Superior -->
    <div>
       <div class="navbar navbar-default navbar-fixed-top">
      <div class="navbar-header">
      	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-inverse-collapse">
        	<span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
       </button>
                  <a class="navbar-brand" href="<%=request.getContextPath()%>/terminal_mozo/home.jsp">Gesti&oacute;n de Restaurantes</a>
                </div>
                <div class="navbar-collapse collapse navbar-inverse-collapse">
                  <ul class="nav navbar-nav">
                    <li class="active"><a href="<%=request.getContextPath()%>/cajero/home.jsp">Terminal de Cajero</a></li>
                    <li><a href="<%=request.getContextPath()%>/cocina/home.jsp">Cocina</a></li>
                    <li><a href="<%=request.getContextPath()%>/barra/home.jsp">Barra</a></li>
                    <li><a href="<%=request.getContextPath()%>/terminal_mozo/home.jsp">Mozos</a></li>
                    <li><a href="<%=request.getContextPath()%>/cafeteria/home.jsp">Cafeter&iacute;a</a></li>
                    <li><a href="<%=request.getContextPath()%>/deposito/home.jsp">Dep&oacute;sito</a></li>
                  </ul>
<!--                   <form class="navbar-form navbar-left"> -->
<!--                     <input class="form-control col-lg-8" placeholder="Search" type="text"> -->
<!--                   </form> -->
<!--                   <ul class="nav navbar-nav navbar-right"> -->
<!--                     <li><a href="#">Link</a></li> -->
<!--                     <li class="dropdown"> -->
<!--                       <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> -->
<!--                       <ul class="dropdown-menu"> -->
<!--                         <li><a href="#">Action</a></li> -->
<!--                         <li><a href="#">Another action</a></li> -->
<!--                         <li><a href="#">Something else here</a></li> -->
<!--                         <li class="divider"></li> -->
<!--                         <li><a href="#">Separated link</a></li> -->
<!--                       </ul> -->
<!--                     </li> -->
<!--                   </ul> -->
                </div><!-- /.nav-collapse -->
              </div>
       </div><!-- fin barra superior-->
      <div class="container">
      	<!-- Aca empieza el cuerpo principal de la pagina -->
      	<div class="page-header">
			<h2 id="container">Registro de Pago</h2>
		</div>
		<div class="row">
			<div class="col-lg-10">
				<div class="well">
					<form class="bs-example form-horizontal">
						<fieldset>
							<legend>Registrar pago de cliente - Paso 2</legend>
							<div class="form-group">
								<div class="col-lg-10">
									<div id="tablaPedidosDiv" class="bs-example table-responsive">
										<%= (String)request.getAttribute("tablaPedidos") %>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label for="total" class="col-lg-4 control-label">Total facturado $</label>
								<div class="col-lg-2">
									<span><%= (Float)request.getAttribute("totalFacturado") %></span>				
								</div>
								<div id="totalFacturadoError"></div>
								<br>
							</div>
							<div class="form-group">
								<label class="col-lg-4 control-label" for="formaDePago">Forma de Pago</label>
								<div class="col-lg-4" id="formaDePagoDiv">
									<select id="formaDePago" name="formaDePago" class="form-control">
										<option value="EFECTIVO">Efectivo</option>
										<option value="DEBITO">Terjeta de d&eacute;bito</option>
										<option value="CREDITO">Terjeta de cr&eacute;dito</option>
									</select>
									<br />
								</div>
								<div id="aperturaMesaIdError"></div>
							</div>
							<div class="form-group">
								<div class="col-lg-10 col-lg-offset-2">	
									<button class="btn btn-default" name="accion" value="cancelar">Cancelar</button>	
									<button class="btn btn-primary" type="submit" name="accion" value="procesarRegistroPago">Registrar Pago de Mesa</button>
								</div>
								<div id="datosSucursal">
									<input type="hidden" id="idSucursal" name="idSucursal" value="<%= (Integer)request.getAttribute("idSucursal") %>" />
									<input type="hidden" id="aperturaMesaId" name="aperturaMesaId" value="<%= (Integer)request.getAttribute("aperturaMesaId") %>" />
								</div>
							</div>
						</fieldset>
					</form>
				</div>
			</div>
			<div class="col-lg-4 col-lg-offset-1">
			</div>
		</div>
       <!-- Fin cuerpo principal de la pagina --> 
      </div> <!-- container -->
      <footer>
        			<p>&copy; 	The Twelve Group 2013 | Couguet-Carreira-Pereiro |
			<a href="mailto:#">info@thetwelvegroup.com.ar</a> | </p>  
      </footer>
  </body>
</html>